<!--<!DOCTYPE html>-->
<!--<html lang="en">-->
<!--<head>-->
<!--    <meta charset="UTF-8">-->
<!--    <title>Title</title>-->
<!--</head>-->
<!--<body>-->
<!--这是首页！-->
<!--</body>-->
<!--</html>-->

<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>首页 - 人员管理系统</title>
    <link rel="stylesheet" href="/css/common.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body class="main-page">
<div class="page-container">
    <header>
        <h1>欢迎回来</h1>
        <p th:text="${session.loginUser}" class="username"></p>
    </header>

    <div class="menu-grid">
        <a href="/addressList" class="menu-item">
            <div class="menu-icon">
                <i class="fas fa-list"></i>
            </div>
            <div class="menu-text">人员列表</div>
        </a>
        <a href="/toAdd" class="menu-item">
            <div class="menu-icon">
                <i class="fas fa-plus"></i>
            </div>
            <div class="menu-text">添加人员</div>
        </a>
        <a href="/logout" class="menu-item logout-item">
            <div class="menu-icon">
                <i class="fas fa-sign-out-alt"></i>
            </div>
            <div class="menu-text">退出登录</div>
        </a>
    </div>
</div>
</body>
</html>
